<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    Счётчик: <input type="button" value="1" data-counter>
    Ещё счётчик: <input type="button" value="2" data-counter>
    <hr>
    <br>
    <!-- ------------------------------------------------------- -->

    <button data-toggle-id="subscribe-mail">
        Показать форму подписки
    </button>

    <form id="subscribe-mail" hidden>
        Ваша почта: <input type="email">
    </form>

    <script>
        document.addEventListener('click', function (event) {

            if (event.target.dataset.counter != undefined) { // если есть атрибут...
                event.target.value++;
            }
        });

        document.addEventListener('click', function (event) {
            let id = event.target.dataset.toggleId;
            if (!id) return;

            let elem = document.getElementById(id);

            elem.hidden = !elem.hidden;
        });

    </script>

</body>

</html>